<extend name="./Public/templete/base.html"/>
<!-- 标题 -->
<block name="title">
  <title>会议详情</title>
</block>
<!-- 添加该页面对应需要的css文件 -->
<block name="link">
  <link rel="shortcut icon" src="./favicon.ico" />
  <link rel="stylesheet" type="text/css" href="../../../../../Public/source/layui/css/layui.css">
</block>
<!-- 右下侧的主体内容 主要内容在此处写 -->
<block name="content">
    <div class="layui-body">
        <div style="padding: 15px;">
<!-- 我的代码 -->
   <!-- 一个简单的页面头部 -->
   <i class="layui-icon layui-icon-face-smile-b" style="font-size: 20px;"></i><label>&nbsp;会议详情</label>
   <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"></fieldset>
   <form class="layui-form"> 
  <!-- 会议日期的查看 -->
     <div class="layui-inline" style="margin-bottom: 10px;">
       <label class="layui-form-label">会议日期：</label>
        <div class="layui-input-inline">
          <input class="layui-input" id="test11" placeholder="yyyy-mm-dd" type="text" autocomplete="off">
        </div>
     </div>
  <!-- 会议类型的查看 --> 
     <div class="layui-inline" style="display:block;">
       <label class="layui-form-label">会议类型：</label>
       <div class="layui-input-inline layui-form" style="padding-bottom: 10px;width: 186.4px;height: 38px;">
           <select id="sort" lay-filter="selFilter">
               <option value="思政例会">思政例会</option>
               <option value="教师指导">教师指导</option>
               <option value="培训会议" selected="">培训会议</option>
          </select>
       </div>
     </div>
  <!-- 主讲人的查看 -->
     <div class="layui-inline" style="padding-bottom: 10px;display:block;">
      <label class="layui-form-label">主讲人：</label>
         <div class="layui-input-inline">
          <input class="layui-input" type="text" id="host" autocomplete="off">         
         </div>
     </div>
  <!-- 参会人员的查看 -->
      <div class="layui-inline" style="padding-bottom: 10px;
      display:block;">
      <label class="layui-form-label">参会人员：</label>
         <textarea type="" name="" id="member" autocomplete="off" class="layui-textarea" id="join" style="width: 80%;"></textarea>      
     </div>
  <!-- 标题和内容 -->
     <div class="layui-form-item">
      <label class="layui-form-label">会议标题：</label>
        <div class="layui-input-block" style="width: 80%;">
           <input name="title" lay-verify="title" autocomplete="off" class="layui-input" type="text" id="title">
        </div>
         <label class="layui-form-label">会议内容：</label>
        <div class="layui-input-block" style="width: 80%;margin-top: 10px;">  
           <textarea  class="layui-textarea" id="content"></textarea>
        </div>
     </div>
     <!-- 文件信息 -->
     <label class="layui-form-label">相关文件：</label>
   <input type="text" id="startname" style="border: none;margin-top: 10px;">
   <input type="hidden" id="savename" style="border: none;">
<!-- 我的代码-->
        </div>
    </div>
</block>  
<!-- 引入或写js代码 -->
<block name="js">
  <script src="../../../../../Public/source/layui/layui.js"></script>
  <script type="text/javascript" src="../../../../../Public/source/jquery-3.2.1.js">
  </script>
  <script>
  layui.use('element', function(){
      var element = layui.element;
    });
//下拉框
layui.use('form', function(){
});
//展示
$(function(){
$.ajax({
  async:true,
  type:'post',
  url:"__URL__/ShowDetail/id/{$result.id}",
  success:function(data)
  {
    console.log(data);
    $("#test11").val(data.date);
    $("#host").val(data.host);
    $("#member").val(data.member);
    $("#content").val(data.content);
    $("#title").val(data.title);
    $("#sort").find("option[value ="+data.sort+"]").attr("selected","selected");
     layui.form.render('select'); 
    $("#startname").val(data.filename);
    $("#savename").val(data.filesave)
  },
  error:function(data){
    alert('error');
  }
});  
})
//设置所有input为只读
$("input").attr("readonly","readonly");
$("textarea").attr("readonly","readonly");
$("select").attr("onfocus","this.defaultIndex=this.selectedIndex;");
$("select").attr("onchange","this.selectedIndex=this.defaultIndex;");
$("button").remove();
</script>
</block>